.upload-warp{
  width: 158px;
  height: 43px;
  position: relative;
  text-align: center;
  border: 1px solid #cacbcc;
  .upload-pic{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 10;
    margin-left: -18px;
  }
  .upload-icon{
    position: relative;
    font-size: 16px;
    margin-right: 8px;
    width:18px;
    height: 18px;
  }
  .upload-text{
    font-size: 16px;
    line-height: 43px;
  }
}
.img-row{
  padding: 0.5em 1em;
  display: table;
  >div{
    display: table-cell;
    vertical-align: top;
    .pi-times{
      font-size: 22px;
    }
  }
}
body{
  counter-reset: xxd;
}
div{
  counter-increment: xxd;
  &:before{
    content: counter(xxd)
  }
}
.column{
  width: 500px;
  column-count: 3;
  column-gap:15px;
  column-rule:1px solid #e4393c;
}
#d1,#d2{
  width: 200px;
  height: 200px;
  position: absolute;
  left :700px;
  top:300px;
  border:1px solid #333;
}
#d2{
  border :1px dotted #333;
  opacity: .5;
  // transform: translate(5px,5px) scale(0.8);
  transform-origin: top left;
  transform: rotate(45deg) translate(100px); 
}
#content{
  position: relative;
  left:500px;
  top:500px;
  width: 300px;
  height:300px;
  border:1px solid #eee;
  div{
    position: absolute;
    top:100px;
    width: 100px;
    height: 100px;
    left:100px;
    transform-origin: top left;
    &:hover{
      z-index: 100;
    }
    &:first-child{
       background: red;
       transform: rotate(15deg);
    }
    &:nth-child(2){
       background: green;
       transform: rotate(30deg); 
    }
    &:nth-child(3){
       background: blue;
       transform: rotate(45deg);
    }
    &:nth-child(4){
       background: yellow;
       transform: rotate(60deg); 
    }
    &:nth-child(5){
       background: orchid;
       transform: rotate(75deg); 
    }
    &:last-child{
       background: pink;
       transform: rotate(90deg);     
    }
  }
}
.parent{
  width: 400px;
  height:400px;
  border:1px solid #e4393c;
  position: relative;
  perspective: 1000px;
  .son{
    position: absolute;
    width:200px;
    height: 200px;
    background: yellow;
    transform: rotate3d(0,0,1,30deg);
  }
}